<!DOCTYPE html>
<!-- HTML5 Boilerplate -->
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh-CN"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]>
<html class="no-js lt-ie9 lt-ie8" lang="zh-CN"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]>
<html class="no-js lt-ie9" lang="zh-CN"><![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="zh-CN">
<!--<![endif]-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>资源搜索 - 众源 - 语义科技</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/nf.min.css" rel="stylesheet" />
    <link href="css/swiper.min.css" rel="stylesheet" />
    <link href="css/css.css" rel="stylesheet" />
    <link href="css/zy.css" rel="stylesheet">
    <!-- 引入手机站样式 -->
    <link rel="stylesheet" href="css/wap.css">
    <style type="text/css">
        .box1{color:#fff;margin-top:0px;}
        .box1 ul li a{color:#fff;border: 1px solid #fff;}
    </style>
    <script src="js/jquery.min.js"></script>
</head>

<body>
<!--
    通用导航
-->
    <hgroup class="navbar ">
        <div class="navbar-header container">
            <div class="navbar-brand">
                <a href="#" class="logo">
                    <!-- <img  src="images/logo.png"  alt="易点科技" draggable="false" class="img-sy"> --></a>
            </div>
            <div class="nav-right menu_nav">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <nav class="nav-right nav-top-l">
                <ul class="navbar-nav nav1 row">
                    <li class="cur">
                        <a href="wap.html">众源</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="wap_zy.html">资源搜索</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="jiaocheng.html">使用教程</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="biaozhun.html">行业API</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="page.html">关于我们</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li id="userbox">
                        <a href="login.html">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="register.html">注册</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        <a href="">中文</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a href="">English</a>
                        <sub class="sub1"></sub>
                    </li>
                    <li>
                        
                        <sub class="sub1"></sub>
                    </li>
                </ul>
            </nav>
        </div>
    </hgroup>
<!--  
    背景图
-->
    <header class="head">
        <h2 class="h2">资源搜索</h2>
        <section class="box1" style="">
            <form action="" method="">
                <ul>
                    <li><b>地&nbsp;&nbsp;区：</b></li>
                    <li>
                        <a href="">全部</a>
                        <a href="">北京</a>
                        <a href="">上海</a>
                        <a href="">浙江</a>
                        <a href="">...</a>
                    </li>   
                    <li><b>领&nbsp;&nbsp;域：</b></li>
                    <li>
                        <a href="">全部</a>
                        <a href="">经济</a>
                        <a href="">政府</a>
                        <a href="">金融</a>
                        <a href="">...</a>
                    </li>   
                </ul>
            </form>
        </section>
    </header>

    <article>

        <section class="so_list">
            <ul>
            
                <li class="so_list_li">
                    <img src="http://www.usources.cn/img/baidubaike.png" class="l" width="30%">
                    <div class="txt l">
                        <h2>
                            百度百科知识库_人物<br>
                            <span>✓ 已对接，2016-04-17 最新更新</span>
                        </h2>
                        <p>
                            百度百科是百度公司推出的一部内容开放、自由的网络百科全书平台。其测试版于2006年4月20日上线，正式版在2008年4月21日发布，
                                截至2016年4月，百度百科已经收录了超过1300多万的词条，参与词条编辑的网友超过580万人，几乎涵盖了所有已知的知识领域。
                        </p>
                        <a href="" class="sc r">加入收藏</a>
                    </div>
                    <div class="clear"></div>
                </li>
                <li class="so_list_li">
                    <img src="http://www.usources.cn/img/baidubaike.png" class="l" width="30%">
                    <div class="txt l">
                        <h2>
                            百度百科知识库_人物<br>
                            <span>✓ 已对接，2016-04-17 最新更新</span>
                        </h2>
                        <p>
                            百度百科是百度公司推出的一部内容开放、自由的网络百科全书平台。其测试版于2006年4月20日上线，正式版在2008年4月21日发布，
                                截至2016年4月，百度百科已经收录了超过1300多万的词条，参与词条编辑的网友超过580万人，几乎涵盖了所有已知的知识领域。
                        </p>
                        <a href="" class="sc r">加入收藏</a>
                    </div>
                    <div class="clear"></div>
                    
                </li>



            </ul>
        </section>

    </article>
<!--  
    底步
-->
    <footer>
        <div class="footer_up">
            <img src="images/tel.jpg" width="100%">
            <!-- left -->
            <div class="footer_up_l l">
                <ul>
                    <li>
                        <font color="#fff">邮 箱: seminfo@aliyun.com</font>
                    </li>
                    <li>
                        <font color="#fff">数据使用相关: seminfo@aliyun.com</font>
                    </li>
                    <li>
                        <font color="#fff">地  址：中国上海和美国波士顿</font>
                    </li>
                    <li>
                        <font color="#fff">数据源（对接谈判）：中国上海和美国波士顿</font>
                    </li>
                    <li>
                        <font color="#fff">Tel：+86&nbsp;18521701931(中)</font>
                    </li>
                    <li>
                        <font color="#fff">众源技术支持：+86 18521701931 (中)</font>
                    </li>
                    <li>
                        <font color="#fff">Tel：+86&nbsp;+1 (212) 222-6688 (U.S.)</font>
                    </li>
                </ul>
            </div>
            <!-- right -->
            <div class="footer_up_r r">
                <div class="footer_code buzz-out"><img src="images/code_icon.png" width="80%"></div>
            </div>
        </div>
        <div class="footer_dw">
            Copyright @ 2016-2017 语义(上海)信息科技有限公司
        </div>
    </footer>

    <script src="js/jquery.flexslider.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.touchSwipe.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/jquery.carouFredSel-6.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
        $(window).load(function () {
            $('.qode_carousels').find('.slides').carouFredSel({
                circular: true,
                responsive: true,
                scroll: {
                    items: 1,
                    duration: 1000,
                    pauseOnHover: false
                },
                items: {
                    <!-- width: 100, -->
                    visible: {
                        min: 1,
                        max: 9
                    }
                },
                auto: true,
                mousewheel: false,
                swipe: {
                    onMouse: true,
                    onTouch: true
                }
            }).animate({
                'opacity': 1
            }, 1000)

            $('.caroufredsel_wrapper').height($('.qode_carousels ul li.item').outerHeight());
        });

        /*******banner图*******/
        $('.flexslider').flexslider({
            animation: "fade",
            slideshow: true,
            animationSpeed: 1000,
            slideshowSpeed: 5000,
            animationSpeed: 1000, //滚动时间ms
            animationLoop: true,
            touch: true //是否支持触屏滑动
        });
        $('.flex-control-nav li a').html('');
        /*************case_sec**************/
        var mySwiper = new Swiper('.swiper-container', {
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: 3,
            paginationClickable: true,
        });

        /**********partner_sec*****************/
        $('.flexslider2').flexslider({
            animation: "slide",
            slideshowSpeed: 10000, //展示时间间隔ms
            animationSpeed: 1000, //滚动时间ms
            controlNav: false,
            directionNav: true
        });
        $('.flex-direction-nav li a').html('');



        var $window = $(window);
        $window.scroll(function () {
            // var h = $('.counters').offset().top;
            // var h2 = $('.business_list').offset().top;

            if ($(this).scrollTop() > h - 300 && $(this).scrollTop() < h + 500) {
                $(".counter1").stop().animate({
                    count: 561
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter1").text(String(parseInt(this.count)));
                    }
                });
                $(".counter2").stop().animate({
                    count: 69
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter2").text(String(parseInt(this.count)));
                    }
                });
                $(".counter3").stop().animate({
                    count: 2013
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter3").text(String(parseInt(this.count)));
                    }
                });
                $(".counter4").stop().animate({
                    count: 09
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter4").text("0" + String(parseInt(this.count)));
                    }
                });
                $(".counter5").stop().animate({
                    count: 97
                }, {
                    duration: 2000,
                    step: function () {
                        $(".counter5").text(String(parseInt(this.count)) + "%");
                    }
                });
            } else {
                $(".counter1").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter1").text(String(parseInt(this.count)));
                    }
                });
                $(".counter2").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter2").text(String(parseInt(this.count)));
                    }
                });
                $(".counter3").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter3").text(String(parseInt(this.count)));
                    }
                });
                $(".counter4").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter4").text("0" + String(parseInt(this.count)));
                    }
                });
                $(".counter5").stop().animate({
                    count: 0
                }, {
                    duration: 100,
                    step: function () {
                        $(".counter5").text(String(parseInt(this.count)) + "%");
                    }
                });
            }
            if ($(this).scrollTop() > h2 - 400 && $(this).scrollTop() < h2 + 400) {
                $('.business_txt').addClass('cur');
				// $(".business_icon").addClass("bgtransform")
            }
          
        });
    </script>
    <script src="js/bootstrap.min.js"></script>
    <script>
    //注册新增按钮的事件
    $("#login").click(function () {
        $('#myModal').modal();
    });
    </script>
</body>

</html>
 <script type="text/javascript" src="js/App.min.js"></script>